import './index.scss';

const Honeycomb = () => {
  return (
      <div className='flex-col-center honeycomb-container'>
        <div className='flex-row-center'>
            <div className='flex-row-center'>
                <div className='honeycomb-tip' style={{background: '#62F7FF'}}/>
                <div className='honeycomb-tip-text'>政务数据</div>
            </div>
            <div className='flex-row-center'>
                <div className='honeycomb-tip' style={{background: '#FACF5B'}}/>
                <div className='honeycomb-tip-text'>征信数据</div>
            </div>
            <div className='flex-row-center'>
                <div className='honeycomb-tip' style={{background: '#9D82FA'}}/>
                <div className='honeycomb-tip-text'>外部数据</div>
            </div>
            <div className='flex-row-center'>
                <div className='honeycomb-tip' style={{background: '#1CBB9E'}}/>
                <div className='honeycomb-tip-text'>内部数据</div>
            </div>
            <div className='flex-row-center'>
                <div className='honeycomb-tip' style={{background: '#D64639'}}/>
                <div className='honeycomb-tip-text'>金融市场</div>
            </div>
        </div>
        <div className='honeycomb-view'/>
      </div>
  )
}

export default Honeycomb;
